<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" type="text/css" href="./css_4.6.1/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="./css_3.4.1/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<title>极简导航</title>
		<style>
			body {
				background-color: #EDEDED;
			}

			.bg {
				height: 1302px;
				padding-top: 50px;
				padding-bottom: 50px;
			}

			.logo {
				height: 150px;
				background-color: white;
				padding-left: 80px;
				padding-right: 80px;
			}

			.logoStyle {
				font-weight: bold;
				color: #4C4C4C;
				line-height: 150px;
				margin-top: 0;
			}

			.logoStyle:hover {
				color: #2D2D2D;
			}

			.sskdiv {
				height: 132px;
				background-color: white;
			}

			.ssk {
				height: 48px;
				background-color: #F6F6F6;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				padding: 0;
			}

			.sskImg {
				width: 28px;
				height: 28px;
			}

			.sskListImg {
				width: 20px;
				height: 20px;
			}

			.dropdown-item {
				height: 36px;
				line-height: 36px;
				padding-top: 0;
				padding-bottom: 0;
			}

			.dropdown {
				padding-left: 10px;
				padding-right: 10px;

				cursor: pointer;
			}



			.dropdown-toggle {
				opacity: .64;
			}

			.dropdown-toggle:hover {
				opacity: 255;
			}

			.dropdown-item {
				font-size: 16px;
				color: #2D2D2D;
			}

			.sskInput {
				color: #2d2d2d;
				background: none;
				border: 0;
				outline: none;
				height: 100%;
				width: 100%;
				font-size: 17px;
			}

			.sskButton {
				height: 100%;
				border: 0;
				outline: none;
				background: none;
				width: 15%;
				height: 48px;
				padding: 0;
			}

			.sskButtonImg {
				width: 25px;
				height: 25px;
			}

			.nr {
				background-color: #F6F6F6;
			}

			.nav {
				margin-top: 32px;
				margin-bottom: 32px;
			}

			.nav-item {
				padding-right: 20px;
				padding-left: 20px;
			}

			.nav-link.active {
				color: #2d2d2d;
				border-bottom: 2px solid #888;
			}

			.nav-link {
				color: #888888;
				font-size: 16px;
			}

			.nav-link:hover {
				color: #2d2d2d;
				border-bottom: 2px solid #888;
			}

			.navbar-expand-sm {
				height: 106px;
			}

			.wzlb {
				margin-left: 71px;
				margin-right: 71px;
				padding-left: 40px;
				padding-right: 40px;
				padding-bottom: 41px;
				font-size: 16px;
				color: #888888;
			}

			.nrLie {
				line-height: 37px;
				color: #2d2d2d;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.nrLie:hover {
				background: #DFDFDF;
				text-decoration: none;
				color: #2d2d2d;
			}

			.hf1 {
				background-image: url(img/hf1.jpg);
				background-size: cover;
				background-position: 50%;
				height: 300px;
			}

			.hf2 {
				background-image: url(img/hf2.jpg);
				background-size: cover;
				background-position: 50%;
				height: auto;
			}

			footer {
				background-color: white;
				height: 150px;
				padding-left: 115px;
				padding-right: 115px;
			}

			.yeW {
				line-height: 150px;
				color: #888888;
			}

			.yeW:hover {
				text-decoration: none;
				color: #000000;
			}

			.clear {
				width: auto;
				line-height: 100%;
				text-align: center;
				font-size: 30px;
				color: #9E9E9E;
				display: none;
				padding-left: 10px;
				padding-right: 10px;
			}

			.clear:hover {
				color: #555555;
			}
		</style>
	</head>
	<body>
		<div class="container bg">

			<!-- logo -->
			<div class="row logo">
				<h3 class="logoStyle">极简导航</h3>
			</div>
			<!-- 搜索框DIV -->
			<div class="row sskdiv justify-content-center">
				<!-- 搜索框 -->
				<div class="ssk col-lg-6 col-md-6 col-sm-6 col-xl-6 col-6 row align-items-center">
					<!-- 搜索引擎 -->
					<div class="dropdown">
						<div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
							aria-expanded="false">
							<img id="sskIcon" class="sskImg" src="./img/baidu.svg" />
						</div>
						<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
							<div id="sskBaiDu" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/baidu.svg" />
								百度
							</div>
							<div id="sskBing" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/bing.svg" />
								必应
							</div>
							<div id="sskZhihu" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/zhihu.svg" />
								知乎
							</div>
							<div id="sskWebo" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/weibo.svg" />
								微博
							</div>
							<div id="sskBz" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/SSYQ/Bz.svg" />
								Bilibili
							</div>
							<div id="sskAz" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/SSYQ/Az.svg" />
								AcFun
							</div>
							<div id="sskJrtt" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/SSYQ/jrtt.svg" />
								今日头条
							</div>
							<div id="sskDy" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/dy.png" />
								抖音
							</div>
							<div id="sskTb" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/SSYQ/tb.svg" />
								淘宝
							</div>
							<div id="sskJd" class="dropdown-item" href="#">
								<img class="sskListImg" src="./img/SSYQ/jd.svg" />
								京东
							</div>
						</div>
					</div>
					<!-- 输入框 -->
					<input id="srk" class="sskInput " type="search" autocomplete="off" tabindex="1" autofocus />
					<!-- 清除按钮 -->
					<div id="clear" class="clear">
						×
					</div>
					<!-- 搜索按钮 -->
					<button id="sskButton" class="sskButton" type="submit" tabindex="2">
						<img id="sskButtonIcon" class="sskButtonImg" src="img/搜索.svg" height="18px" width="18px" />
					</button>
				</div>
			</div>
			<!-- 内容 -->
			<div class="row nr justify-content-center">
				<!-- 导航栏 -->
				<nav class="row navbar-expand-sm">
					<ul class="nav justify-content-center">
						<li class="nav-item">
							<a id="RcBtn" class="nav-link active">日常</a>
						</li>
						<li class="nav-item">
							<a id="YlBtn" class="nav-link">娱乐</a>
						</li>
						<li class="nav-item">
							<a id="ShBtn" class="nav-link">生活</a>
						</li>
						<li class="nav-item">
							<a id="XxBtn" class="nav-link">学习</a>
						</li>
					</ul>
				</nav>
				<!-- 网站列表 -->
				<div class="container wzlb" style="margin-top: 0;">
					<!-- 日常 -->
					<div id="RC">
						<!-- 社交 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">社交</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://weibo.com/"
									target="_blank">
									<img class="sskListImg " src="img/wb.png" />
									微博
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://zhihu.com/"
									target="_blank">
									<img class="sskListImg " src="img/zhihu.png" />
									知乎
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://tieba.baidu.com/"
									target="_blank">
									<img class="sskListImg " src="img/tieba.png" />
									贴吧
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://douban.com/"
									target="_blank">
									<img class="sskListImg " src="img/db.png" />
									豆瓣
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://twitter.com/"
									target="_blank">
									<img class="sskListImg " src="img/Twitter.png" />
									Twitter
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://bbs.hupu.com/"
									target="_blank">
									<img class="sskListImg " src="img/hp.png" />
									虎扑
								</a>

							</div>
						</div>
						<!-- 购物 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">购物</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.taobao.com/"
									target="_blank">
									<img class="sskListImg " src="img/taobao.png" />
									淘宝网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.jd.com/"
									target="_blank">
									<img class="sskListImg " src="img/JingDong.png" />
									京东
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.tmall.com/"
									target="_blank">
									<img class="sskListImg " src="img/tm.png" />
									天猫
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://pindao.suning.com/"
									target="_blank">
									<img class="sskListImg " src="img/snyg.png" />
									苏宁易购
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.vip.com/"
									target="_blank">
									<img class="sskListImg " src="img/wph.png" />
									唯品会
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://youhui.pinduoduo.com//"
									target="_blank">
									<img class="sskListImg " src="img/pdd.png" />
									拼多多
								</a>

							</div>
						</div>
						<!-- 视频 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">视频</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://v.qq.com/"
									target="_blank">
									<img class="sskListImg " src="img/txsp.png" />
									腾讯视频
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.iqiyi.com/"
									target="_blank">
									<img class="sskListImg " src="img/aqy.png" />
									爱奇艺
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.youku.com/"
									target="_blank">
									<img class="sskListImg " src="img/yk.png" />
									优酷
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.mgtv.com/"
									target="_blank">
									<img class="sskListImg " src="img/mgtv.png" />
									芒果TV
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.bilibili.com/"
									target="_blank">
									<img class="sskListImg " src="img/blbl.png" />
									哔哩哔哩
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.acfun.cn/"
									target="_blank">
									<img class="sskListImg " src="img/acfun.png" />
									AcFun
								</a>

							</div>
						</div>
					</div>

					<!-- 娱乐 -->
					<div id="YL" style="display: none">
						<!-- 视频 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">视频</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.douyin.com/"
									target="_blank">
									<img class="sskListImg " src="img/dy.png" />
									抖音
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.kuaishou.com/"
									target="_blank">
									<img class="sskListImg " src="img/KS.png" />
									快手
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.ixigua.com/?"
									target="_blank">
									<img class="sskListImg " src="img/xgsp.png" />
									西瓜视频
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.dytt8.net/"
									target="_blank">
									<img class="sskListImg " src="img/YL/1.png" />
									电影天堂
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://movie.douban.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/10.png" />
									豆瓣电影
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.youtube.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/11.png" />
									YouTube
								</a>

							</div>
						</div>
						<!-- 动漫 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">动漫</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://ac.qq.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/12.png" />
									腾讯动漫
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.kuaikanmanhua.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/3.png" />
									快看漫画
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.u17.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/13.png" />
									有妖气
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://manga.bilibili.com/"
									target="_blank">
									<img class="sskListImg " src="img/blbl.png" />
									哔哩哔哩动漫
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://bcy.net/"
									target="_blank">
									<img class="sskListImg " src="img/YL/4.png" />
									半次元
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.kanman.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/5.png" />
									看漫画
								</a>

							</div>
						</div>
						<!-- 游戏 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">游戏</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://store.steampowered.com/" target="_blank">
									<img class="sskListImg " src="img/YL/2.png" />
									Steam
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.nintendo.co.jp/"
									target="_blank">
									<img class="sskListImg " src="img/YL/6.png" />
									Nintendo
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://www.playstation.com/zh-hans-cn/" target="_blank">
									<img class="sskListImg " src="img/YL/7.png" />
									PlayStaion
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.xbox.com/zh-CN/"
									target="_blank">
									<img class="sskListImg " src="img/YL/14.png" />
									Xbox
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://store.epicgames.com/zh-CN/" target="_blank">
									<img class="sskListImg " src="img/YL/8.png" />
									Epic
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.gamersky.com/"
									target="_blank">
									<img class="sskListImg " src="img/YL/9.png" />
									游民星空
								</a>

							</div>
						</div>
					</div>

					<!-- 生活 -->
					<div id="SH" style="display: none">
						<!-- 购物 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">购物</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://chaoshi.tmall.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/1.png" />
									天猫超市
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://you.163.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/2.png" />
									网易严选
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.kaola.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/3.png" />
									考拉海购
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.dangdang.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/4.png" />
									当当网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.amazon.cn/"
									target="_blank">
									<img class="sskListImg " src="img/SH/5.png" />
									亚马逊中国
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://pjjx.1688.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/6.png" />
									阿里巴巴
								</a>

							</div>
						</div>
						<!-- 出行 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">出行</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.fliggy.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/15.png" />
									飞猪旅行
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.ctrip.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/7.png" />
									携程旅行
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.qunar.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/8.png" />
									去哪儿
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.airbnb.cn/"
									target="_blank">
									<img class="sskListImg " src="img/SH/9.png" />
									爱彼迎
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.12306.cn/index/"
									target="_blank">
									<img class="sskListImg " src="img/SH/10.png" />
									中国铁路
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.mafengwo.cn/"
									target="_blank">
									<img class="sskListImg " src="img/SH/11.png" />
									马蜂窝
								</a>

							</div>
						</div>
						<!-- 工作 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">工作</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.zhipin.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/12.png" />
									BOSS直聘
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.lagou.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/13.png" />
									拉勾网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.51job.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/17.png" />
									前程无忧
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.zhaopin.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/16.png" />
									智联招聘
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.liepin.com/"
									target="_blank">
									<img class="sskListImg " src="img/SH/18.png" />
									猎聘
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://www.linkedin.cn/injobs/hp/" target="_blank">
									<img class="sskListImg " src="img/SH/14.png" />
									Linkedin
								</a>

							</div>
						</div>
					</div>

					<!-- 学习 -->
					<div id="XX" style="display: none">
						<!-- 网课 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">网课</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://open.163.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/11.png" />
									网易公开课
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://study.163.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/2.png" />
									网易云课堂
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.icourses.cn/home/"
									target="_blank">
									<img class="sskListImg " src="img/XX/7.png" />
									爱课程
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.cmooc.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/6.ico" />
									MOOC中国
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.imooc.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/8.png" />
									慕课网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.icourse163.org/"
									target="_blank">
									<img class="sskListImg " src="img/XX/9.png" />
									中国大学MOOC
								</a>

							</div>
						</div>
						<!-- 文库 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">文库</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://wenku.baidu.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/1.png" />
									百度文库
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://wenku.so.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/10.png" />
									360文库
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.doc88.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/15.png" />
									道客巴巴
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.docin.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/16.png" />
									豆丁网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="http://www.360doc.com/index.html" target="_blank">
									<img class="sskListImg " src="img/XX/14.ico" />
									360doc
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://ishare.iask.sina.com.cn/" target="_blank">
									<img class="sskListImg " src="img/XX/3.png" />
									爱问共享资料
								</a>

							</div>
						</div>
						<!-- 学术 -->
						<div class="row align-items-center" style="margin-bottom: 16px;">
							<div class="col-lg-1 col-md-2 col-sm-3 col-3" style="line-height: 37px;">学术</div>
							<div class="col-lg-11 col-md-10 col-sm-9 col-9 row ">
								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://xueshu.baidu.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/12.png" />
									百度学术
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://scholar.google.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/13.png" />
									谷歌学术
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://www.cnki.net/"
									target="_blank">
									<img class="sskListImg " src="img/XX/4.png" />
									中国知网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie "
									href="https://www.wanfangdata.com.cn/index.html" target="_blank">
									<img class="sskListImg " src="img/XX/17.ico" />
									万方数据
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="http://www.cqvip.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/5.png" />
									维普网
								</a>

								<a class="col-lg-2 col-md-4 col-sm-6 col-6 nrLie " href="https://scholar.sogou.com/"
									target="_blank">
									<img class="sskListImg " src="img/XX/18.ico" />
									搜狗学术
								</a>

							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- 横幅 -->
			<div class="row" style="display: flex;flex-direction: row;flex-wrap: nowrap;">
				<div class="col-8 hf1"></div>
				<div class="col-4 hf2"></div>
			</div>
			<!-- 页尾 -->
			<footer class="row">
				<a class="yeW" href="个人博客.html" target="_blank">关于</a>
			</footer>
		</div>
		<script>
			var sskButton = document.getElementById("sskButton"); //搜索框按钮
			var sskButtonIcon = document.getElementById("sskButtonIcon"); //搜索框按钮图片

			var srk = document.getElementById("srk"); //输入框
			var clear = document.getElementById("clear"); //清除按钮

			var sskIcon = document.getElementById("sskIcon"); //输入框Icon
			var sskBaiDu = document.getElementById("sskBaiDu"); //搜索引擎-百度栏目
			var sskBing = document.getElementById("sskBing"); //搜索引擎-必应栏目
			var sskZhihu = document.getElementById("sskZhihu"); //搜索引擎-知乎栏目
			var sskWebo = document.getElementById("sskWebo"); //搜索引擎-微博栏目
			var sskBz = document.getElementById("sskBz"); //搜索引擎-B站栏目
			var sskAz = document.getElementById("sskAz"); //搜索引擎-A站栏目
			var sskJrtt = document.getElementById("sskJrtt"); //搜索引擎-头条栏目
			var sskTb = document.getElementById("sskTb"); //搜索引擎-淘宝栏目
			var sskJd = document.getElementById("sskJd"); //搜索引擎-京东栏目
			var sskDy = document.getElementById("sskDy"); //搜索引擎-抖音栏目

			var RcBtn = document.getElementById("RcBtn"); //日常Tab
			var RC = document.getElementById("RC"); //日常标签组
			var YlBtn = document.getElementById("YlBtn"); //娱乐Tab
			var YL = document.getElementById("YL"); //娱乐标签组
			var ShBtn = document.getElementById("ShBtn"); //生活Tab
			var SH = document.getElementById("SH"); //生活标签组
			var XxBtn = document.getElementById("XxBtn"); //学习Tab
			var XX = document.getElementById("XX"); //学习标签组
			var wz = "https://www.baidu.com/s?wd=";

			// 搜索图标鼠标悬停事件
			sskButton.onmouseover = function() {
				sskButton.style.background = "#4C4C4C";
				sskButtonIcon.src = "img/搜索白.svg";
			}
			sskButton.onmouseleave = function() {
				if (srk.value == "") {
					sskButton.style.background = "none";
					sskButtonIcon.src = "img/搜索.svg";
				}

			}
			//搜索按钮点击事件
			sskButton.onclick = function() {
				if (srk.value != "") {
					window.open(wz + srk.value);
				}
			}
			//输入框获取焦点时按键监听
			document.onkeydown = function(event) {
				if (event.keyCode == 13 && srk == document.activeElement) {
					window.open(wz + srk.value);
				}
			}
			// tab标签点击事件
			RcBtn.onclick = function() {
				RcBtn.classList.add("active");
				YlBtn.classList.remove("active");
				ShBtn.classList.remove("active");
				XxBtn.classList.remove("active");

				RC.style.display = "block";
				YL.style.display = "none";
				SH.style.display = "none";
				XX.style.display = "none";
			}
			YlBtn.onclick = function() {
				RcBtn.classList.remove("active");
				YlBtn.classList.add("active");
				ShBtn.classList.remove("active");
				XxBtn.classList.remove("active");

				RC.style.display = "none";
				YL.style.display = "block";
				SH.style.display = "none";
				XX.style.display = "none";
			}
			ShBtn.onclick = function() {
				RcBtn.classList.remove("active");
				YlBtn.classList.remove("active");
				ShBtn.classList.add("active");
				XxBtn.classList.remove("active");

				RC.style.display = "none";
				YL.style.display = "none";
				SH.style.display = "block";
				XX.style.display = "none";
			}
			XxBtn.onclick = function() {
				RcBtn.classList.remove("active");
				YlBtn.classList.remove("active");
				ShBtn.classList.remove("active");
				XxBtn.classList.add("active");

				RC.style.display = "none";
				YL.style.display = "none";
				SH.style.display = "none";
				XX.style.display = "block";
			}

			// 搜索引擎点击事件
			sskBaiDu.onclick = function() {
				sskIcon.src = "./img/baidu.svg";
				wz = "https://www.baidu.com/s?wd=";
			}
			sskBing.onclick = function() {
				sskIcon.src = "./img/bing.svg";
				wz = "https://cn.bing.com/search?q=";
			}
			sskZhihu.onclick = function() {
				sskIcon.src = "./img/zhihu.svg";
				wz = "https://www.zhihu.com/search?q="
			}
			sskWebo.onclick = function() {
				sskIcon.src = "./img/weibo.svg";
				wz = "https://s.weibo.com/weibo?q="
			}
			sskBz.onclick = function() {
				sskIcon.src = "./img/SSYQ/Bz.svg";
				wz = "https://search.bilibili.com/all?keyword="
			}
			sskAz.onclick = function() {
				sskIcon.src = "./img/SSYQ/Az.svg";
				wz = "https://www.acfun.cn/search/?type=complex&keyword="
			}
			sskJrtt.onclick = function() {
				sskIcon.src = "./img/SSYQ/jrtt.svg";
				wz = "https://so.toutiao.com/search/?wid_ct=1648707714903&dvpf=pc&keyword="
			}
			sskTb.onclick = function() {
				sskIcon.src = "./img/SSYQ/tb.svg";
				wz = "https://s.taobao.com/search?q="
			}
			sskJd.onclick = function() {
				sskIcon.src = "./img/SSYQ/jd.svg";
				wz = "https://search.jd.com/Search?keyword="
			}
			sskDy.onclick = function() {
				sskIcon.src = "./img/dy.png";
				wz = "https://www.douyin.com/search/"
			}
			// 输入框内容监听
			srk.addEventListener('input', function() {
				var nr = this.value;
				if (nr != null) {
					clear.style.display = "block";
					sskButton.style.background = "#4C4C4C";
					sskButtonIcon.src = "img/搜索白.svg";
				}
				if (nr == "") {
					clear.style.display = "none";
					sskButton.style.background = "none";
					sskButtonIcon.src = "img/搜索.svg";
				}
			})
			// 清除按钮点击事件
			clear.onclick = function() {
				srk.value = "";
				clear.style.display = "none";
				sskButton.style.background = "none";
				sskButtonIcon.src = "img/搜索.svg";
			}
		</script>
	</body>
</html>
